<!DOCTYPE html>
<html>
<head>
	<title>Phonegap</title>
	<link rel="stylesheet"  href="css/jquery.mobile-1.3.1.min.css">
	<link rel="sytlesheet" href="style.css">
	<script type="text/javascript" src="cordova-1.7.0.js"></script>
	<script src="js/jquery.js"></script>
    <script src="js/jquery.mobile-1.3.1.min.js"></script>
	<script src="jquery.js"></script>
	<script src="js/index.js"></script>
	<script>
		function login(){
			window.open("index3.html");
		}
	</script>
</head>
 
<body>
	<div>
	<img src="img/logo.png"></img>
	</div>
	<div>
		<form>
			<label for="text-basic">User:</label>
			<input type="text" name="text-basic" id="text-basic" value="">
			<label for="password">Password:</label>
			<input type="password" name="password" id="password" value="" autocomplete="off">
		</form>
		<a href="#" onclick="login()" data-role="button" data-inline="true" data-theme="b" data-mini="true">Login</a>
	</div>
	
</body>
</html>